<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
 <html lang="en-US" xml:lang="en-US" xmlns="http://www.w3.org/1999/xhtml"> 
 <head> 
 <meta content="text/html; charset=UTF-8" http-equiv="Content-Type"/> 
 <title>Search Test</title> 
 <style type="text/css"> 
    body{margin:0;padding:0;} 
    .content{margin:0 auto;width:350px;font:13px/27px Arial,sans-serif;} 
    .content input, .content img{vertical-align:middle;margin-left:3px;} 
    .content .input_text{border:1px solid #ccc;height:18px;} 
    .content #submit_btn{height:24px;} 
 </style> 
 <script type="text/javascript"> 
    function getId(id) { 
        return document.getElementById(id); 
    } 
    function validation() { 
        getId("submit_btn").style.display="none"; 
        getId("wait_tip").style.display=""; 
        return true; 
    } 
 </script> 
 </head> 
 <body> 
    <div class="content"> 
        <form action="http://loading.ibm.com/" enctype="multipart/form-data" method="get" 
        onsubmit="return validation();"> 
            <label>Keyword:</label> 
            <input name="q" class="input_text" type="text" value=""/> 
            <input value="Search" id="submit_btn" type="submit" /> 
            <span id="wait_tip" style="display:none;"><img src="images/loading.gif" 
            id="loading_img"/> Please wait...</span> 
        </form> 
    </div> 
 </body> 
 </html> 

 

